<include file="./Tpl/Public/index_header.html" />
<import type='css'  file="style.market" />
<!--<link rel="stylesheet" href="./Public/style/resume.css">-->
<div class="my cl">
    <div class="market_title" >
        <div class="market_title_left" >
            <div style="background: url(/Public/images/video.png) no-repeat;width: 548px;height: 343px;">
                <div style="position: relative;top: 140px;left: 220px;">
                    <img src="/Public/images/test.png" id="video">
                </div>
            </div>
            <div class="market_info">
                <b> <div style="width: 210px;float: left; border-top: #999999 1px solid;  padding:0px; margin:0px;margin-top:10px; line-height:1px; height:1px;"></div><span style="float: left;padding: 0px 15px;font-size: 14px;color: #4a4a4a">试听体验</span><div style="width: 210px;float: left; border-top: #999999 1px solid;  padding:0px; margin:0px;margin-top:10px; line-height:1px; height:1px;"></div></b><br>
                <p style="text-align: center; width:500px; ">
                    <span style="height: 35px;line-height: 35px;">正在找工作的应届毕业生和想要跳槽的职场人士，先来试听体验一下吧！</span>
                    <!--<span class="yanse">没有经验的毕业生</span>或者是寻求更好职位<span class="yanse">有经验的职场人士</span>，正在为英语口语不给力而一筹莫展的求职者们，先来好外教课堂感受下吧！-->
                </p> 
            </div>
        </div >
        <div class="market_title_right" >
            <div  style="margin: 50px 30px;float: left; display:inline;margin-bottom: 0px;">
                <div style="float: left;color: #ff574a;font-size: 70px;"><b>14</b></div>
                <div style="float: left;margin-top: 10px;">
                    <div style="font-size: 24px;color: #585858"><b>面试英语课程包</b></div>
                    <div style="font-size: 30px;color: #ff574a"><b>天攻克面试难题</b></div>
                </div>
            </div>
            <!--<div  style=" padding-left:40px; display:inline; width:330px;display:inline;float: left;color: #6e6e6e">
                <div style="width: 85px;float: left; border-top: #999999 1px solid;  padding:0px; margin:0px;margin-top:18px; line-height:1px; height:1px;"></div>
                <span style="float: left;margin-left: 10px;margin-right: 10px; display:inline;">仅限<b style="font-size: 24px;color: #ff574a">50</b>
                    <span style="color: #ff574a">个</span>
                    名额</span>
                <div style="width: 85px;float: left; border-top: #999999 1px solid;  padding:0px; margin:0px;margin-top:18px; line-height:1px; height:1px;"></div>
            </div>-->
            <div class="jieshao" style="z-index: 999;position: relative;">
                <li><span class="blue">高</span>效练习  在线互动 模拟面试</li>
                <li>涵盖英语面试全流程 <span class="blue">精</span>选内容 </li>
                <li>顶<span class="blue">尖</span>教师  美国外教 口语地道</li>
            </div>
            <div style="background: url(/Public/images/pass.png) no-repeat;width: 150px;height: 95px; margin-top:-30px; padding-right:20px;float: right; display:inline; z-index: 2"></div>
            <div style="color: white; position:absolute; top:320px; left:13px; padding-top:18px;width: 366px;height: 84px;background: url(/Public/images/bg_2.png) no-repeat;">
                <span style="font-size: 18px;margin-left: 15px; margin-top:10px; display:inline; float:left;">￥</span>
                <span style="font-size: 36px; float:left; ">599.00</span>
                <span style="font-size: 14px; float:left; margin-top:20px; text-decoration:line-through;margin-left: 5px;display:inline; ">￥1599.00</span>
                <span style="float: left; padding-left:10px; " class="xianshi">
                    <if condition="$flag">
                        <a onclick="test()"><image src="/Public/images/doclass.png" id="tupian" style="cursor: pointer"></a>
                        <else /> 
                        <image src="/Public/images/noclass.png">
                    </if>
                </span>
            </div>
        </div>
    </div>
    <style>
        #topNav { 
            width: 920px;
            position: fixed; 
            top: 0px; /* position fixed for IE6 */ 
            _position: absolute; 
            _top: expression(documentElement.scrollTop + "px"); 
            opacity:0.86;
            filter:alpha(opacity=86); /* 针对 IE8 以及更早的版本 */
        </style>
        <div style="background: url(/Public/images/hengtiao.png);height: 77px;display: none" id="topNav">
                <div style="color: white;line-height: 77px;padding-right: 55px;padding-left: 505px;">
                <span style="font-size: 18px; float:left;">￥</span>
                <span style="font-size: 36px; float:left;">599.00</span>
                <span style="font-size: 14px; padding-left:10px; float:left;text-decoration: line-through ">￥1599.00</span>
                    <span style="float: right; margin-top: 22px;" class="xianshi">
                    <if condition="$flag">
                        <a onclick="test()"><image src="/Public/images/doclass.png" id="tupian" style="cursor: pointer"></a>
                            <else /> 
                            <image src="/Public/images/noclass.png">
                        </if>
                    </span>
                </div>
            </div>
            <div class="market_content" style="margin-top: 15px;">
            <div class="market_content_left" style="background: #fefefd;border: none;width: 635px;">
                <div style="border: 1px solid #f1f1f1;height: 38px;line-height: 38px;border-bottom: 1px dotted #cbcaca;color: #4d4d4d;font-size: 14px;padding-left: 20px;">
                    我们的课程
                </div>
                <div style="padding-left: 13px;border: 1px solid #f1f1f1;border-top: none;">
                    <br>
                    <image src="/Public/images/class_1.png">
                    <image src="/Public/images/lesson1.png">
                    <image src="/Public/images/lesson2.png">
                    <image src="/Public/images/lesson3.png" >
                    <image src="/Public/images/lesson4.png" style="margin-left: -13px;">
                    <image src="/Public/images/lesson5.png">
                </div>
                <div style="margin-top: 10px;border: 1px solid #f1f1f1;height: 38px;line-height: 38px;border-bottom: none;color: #4d4d4d;font-size: 14px;padding-left: 20px;">
                    我们的服务
                </div>
                <div style="margin-left: -41px;padding-left: 13px;">
                    <image src="/Public/images/jieshao.png">
                </div>
                <div style="margin-top: 10px;border: 1px solid #f1f1f1;height: 38px;line-height: 38px;border-bottom: none;color: #4d4d4d;font-size: 14px;padding-left: 20px;">
                    本月最受欢迎外教老师
                </div>
                <div style="padding-left: 13px;border: 1px solid #f1f1f1;border-top: none;">
                    <image src="/Public/images/teacher1.png">
                </div>
            </div>
            <div class="market_content_right">
                <style>
                    .top2{width: 230px;}
                </style>
                <div class="top1">咨询问答</div>
                <div class="top2" style="color: #898989">
                        <style>
                            .top2 span{color: #4d4d4d;margin-bottom: 5px;}
                            .kefu{color:#ff574a !important}
                    </style>
                     <span>Sandy:请问，课程包里说“送个人英文简历”，是怎么送的？</span><br>
                    <span class="kefu">客服回复：</span>您好，您在开始上课之前需要上传一份自己现有的原始英文简历，在上五节课的过程中，根据每节课所讲的内容，每一节课都完善一部分个人简历的内容。等上完五节课，就会有一份完整精致的个人英文简历了！<br>
                    <br>
                    <span>Richard：我今年大学刚毕业，不知道这个课程适不适合应届生？</span><br>
                    <span class="kefu">客服回复：</span>您好，我们的面试英语课程包是适合：刚毕业的应届生，工作经验打算换工作的职场人士，还有英语口语爱好者。我们会针对学生个人情况的不同，定制最适合的课程内容！<br>
                    <br>
                    <span>Lily：请问一下上课的时间有限制吗？我白天比较忙没有时间。</span><br>
                    <span class="kefu">客服回复：</span>您好，我们的上课时段是早上6:00至晚上23：30，在这一时段内随时可以上课。具体的上课时间您可以咨询您的课程顾问，帮您提前预约上课。<br>
                    <br>
                    <span>John：我在下个礼拜就有个面试，请问能上的完吗？</span><br>
                    <span class="kefu">客服回复：</span>您好，一周之内上完也是完全可以的，因为只有5节课时，每节45分钟，您可以根据自己的时间把课程约的紧凑些。<br>
                    <br>
                    <span>Bill：课程包里只有5节课能有效果吗？</span><br>
                    <span class="kefu">客服回复：</span>您好，肯定是有效果的，5节课的课程里包含了整个面试流程中所需要注意的事项，涵盖全面，效率高。另外还有外教帮助修改简历的服务，最后一节课会安排面试模拟，到时候效果是显而易见的。<br>
                    <br>
                    <span>Anna：必须在两周之内上完吗？</span><br>
                    <span class="kefu">客服回复：</span>您好，是的我们的课程是要在两周之内上完，因为两周之内是一个比较合适的时长，不至于很紧凑，也避免了每节课和每节课之间相隔时间太久而影响效果。<br>
                    <hr style="border: 1px dotted #f1f1f1;margin-top: 20px;">
                    <div style="font-size: 14px;margin: 20px 0 10px;color: #6e6e6e">我要咨询</div>
                        <div><textarea style="height: 100px;width: 100%;border: 1px solid #f1f1f1" id="pinglun"></textarea></div>
                        <div style="margin-left: 62px;margin-top: 10px;width: 91px;height: 31px;cursor: pointer" id="tijiao">
                            <image src="/Public/images/tijiao.png">
                        </div>
                    </div>
                </div>
                <div class="market_content_right" style="margin-top: 15px;">
                <image src="/Public/images/weixin.png" >
            </div>
        </div>
    </div>
 <script src="/Public/layer/jquery-1.9.1.js"></script>
                <script src="/Public/layer/layer.min.js"></script>
    <script>
        $(function() {
            $("#tijiao").click(function() {
                var pinglun = $("#pinglun").val();
                if (trim(pinglun) == '') {
                    $("#pinglun").focus();
                } else {
                    $.ajax({
                        type: "POST",
                        url: "/Home/Index/pinglun.html",
                        data: "cont=" + trim(pinglun),
                        success: function(msg) {
                            var data = eval('(' + msg + ')');
                            if (data.code == 2) {
                                window.location.href = data.href;
                            } else {
                                alert(data.text);
                                $("#pinglun").val("")
                            }
                        }
                    });
                }
            })
        })
        function test() {
            $.ajax({
                type: "POST",
                url: "/Home/Index/test.html",
                data:"sid=91&chinal=haowj",
                success: function(msg) {
                    if (msg.status == 1) {
                        window.location.href = msg.info;
                    } else if (msg.status == 2) {
                        alert(msg.info);
                        $(".xianshi").html('<image src="/Public/images/noclass.png">');
                    } else if (msg.status == 0) {
                        window.location.href = msg.info;
                    } else if (msg.status == 3) {
                        alert(msg.info);
                    }
                }
            });
        }
        $(window).scroll(function() {
            var yy = $(window).scrollTop();
            if (yy > 600) {
                $("#topNav").show();
            } else {
                $("#topNav").hide();
            }
        });
        var u = "{:U('Home/Index/video')}";
        $(document).on("click", '#video', function(e) {
            $.layer({
    type: 1,
    title: '试听录像',
    area: ['700px', '473px'],
    shade: [0],
    offset: [($(window).height() - 474)/2+'px',''],
    shift: 'left', //从左动画弹出
    page: {
        url: u
    }
});
        })
    </script>
    <include file="./Tpl/Public/footer.html" />


